<include file="assets/header" />

<title>建立销售工作日报</title>


<style>
    #app {
        width: 95%;
        /*height: 650px;*/
        margin: 10px auto;
        padding-top: 10px;
        border: 2px solid #cccccc;
    }

    .el-table .warning-row {
        background: oldlace;
    }

    .el-table .success-row {
        background: #f0f9eb;
    }
</style>

</head>

<body style="min-width: 790px; margin: 0 auto;">

    <div id="app">
        <!--el-button size="mini" @click="test1" type="primary">test</el-button-->

        <el-row>
            <div style="text-align: center;">
                <span><b>销售每日工作记录表</b></span>
                <div><span>平台：[{{userInfo.zzjgmc}}]，销售：{{userInfo.user_login}}，日期：{{todaystr}}</span></div>
            </div>
        </el-row>

        <div style="box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">
            <el-row>
                <template>
                    <el-table :data="tableData1" stripe border highlight-current-row style="width: 100%" size="small">
                        <!--el-table-column label="客户经理信息" header-align="center">
                            <el-table-column prop="name" label="日期" header-align="center">
                            </el-table-column>
                            <el-table-column prop="name" label="姓名" header-align="center">
                            </el-table-column>
                        </el-table-column-->

                        <el-table-column label="客户信息" header-align="center">
                            <el-table-column prop="khqdmc" label="渠道名称" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khqy" label="地市区域" header-align="center">
                            </el-table-column>
                        </el-table-column>

                        <el-table-column label="拜访记录" header-align="center">
                            <el-table-column prop="khjdr" label="SI接待人" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khzw" label="职务" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khdh" label="联系电话" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khgtnr" label="沟通主要内容及项目机会" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khxgjh" label="下一步计划" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khgtwt" label="问题" header-align="center">
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="right" :width="columnWidth">
                            <template slot="header" slot-scope="scope">
                                <el-button @click="add1(scope.$index, scope.row)" type="text">增加</el-button>
                            </template>

                            <template slot-scope="scope">
                                <el-link type="primary" @click="comp1edit(scope.$index, tableData1)">编辑</el-link>
                                <el-link type="primary" @click="comp1del(scope.$index, tableData1)">删除</el-link>

                                <!--el-button size="mini" @click="edit1(scope.$index, scope.row)"
                                    type="success">修改</el-button>
                                <el-button size="mini" type="danger" @click="delete1(scope.$index, scope.row)"
                                    type="danger">删除</el-button-->
                            </template>
                        </el-table-column>

                    </el-table>
                </template>
            </el-row>
            <el-row>

                <el-row>
                    <div style="margin: 0 auto;">
                        <div style="text-align: center;">
                            <span><b>当日其他工作</b></span>
                        </div>
                    </div>
                </el-row>
                <el-row>
                    <template>
                        <el-table :data="tableData2" stripe border highlight-current-row style="width: 100%"
                            size="small">
                            <el-table-column prop="gznr" label="工作内容" header-align="center">
                            </el-table-column>
                            <el-table-column prop="tel" label="联系电话" header-align="center">
                            </el-table-column>

                            <el-table-column prop="wcqk" label="完成情况" header-align="center">
                            </el-table-column>
                            <el-table-column prop="czwt" label="存在问题" header-align="center">
                            </el-table-column>

                            <el-table-column align="right" :width="columnWidth">
                                <template slot="header" slot-scope="scope">
                                    <el-button @click="add2(scope.$index, scope.row)" type="text">增加</el-button>
                                </template>

                                <template slot-scope="scope">
                                    <el-link type="primary" @click="comp2edit(scope.$index, tableData2)">编辑</el-link>
                                    <el-link type="primary" @click="comp2del(scope.$index, tableData2)">删除</el-link>
                                </template>
                            </el-table-column>

                        </el-table>
                    </template>
                </el-row>

                <el-row>
                    <div style="margin: 0 auto;">
                        <div style="text-align: center;">
                            <span><b>当日工作问题</b></span>
                        </div>
                    </div>
                </el-row>
                <el-row>
                    <template>
                        <el-table :data="tableData3" stripe border highlight-current-row style="width: 100%"
                            size="small">
                            <el-table-column prop="gzwt" label="工作问题" header-align="center">
                            </el-table-column>
                            <el-table-column prop="tel" label="联系电话" header-align="center">
                            </el-table-column>
                            <el-table-column prop="jjff" label="解决方法" header-align="center">
                            </el-table-column>
                            <el-table-column prop="xyzy" label="需要资源" header-align="center">
                            </el-table-column>
                            <el-table-column align="right" :width="columnWidth">
                                <template slot="header" slot-scope="scope">
                                    <el-button @click="add3(scope.$index, scope.row)" type="text">增加</el-button>
                                </template>

                                <template slot-scope="scope">
                                    <el-link type="primary" @click="comp3edit(scope.$index, tableData3)">编辑</el-link>
                                    <el-link type="primary" @click="comp3del(scope.$index, tableData3)">删除</el-link>
                                </template>
                            </el-table-column>

                        </el-table>
                    </template>
                </el-row>

            </el-row>
        </div>

        <div style=" box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); margin-top: 10px;">
            <el-row>
                <div style="margin: 0 auto;">
                    <div style="text-align: center;">
                        <span><b>次日工作预约计划</b></span>
                    </div>
                </div>
            </el-row>
            <el-row>
                <template>
                    <el-table :data="tableData4" stripe border highlight-current-row style="width: 100%" size="small">
                        <!--el-table-column label="客户经理信息" header-align="center">
                            <el-table-column prop="name" label="日期" header-align="center">
                            </el-table-column>
                            <el-table-column prop="name" label="姓名" header-align="center">
                            </el-table-column>
                        </el-table-column-->

                        <el-table-column label="客户信息" header-align="center">
                            <el-table-column prop="khqdmc" label="渠道名称" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khqy" label="地市区域" header-align="center">
                            </el-table-column>
                        </el-table-column>

                        <el-table-column label="拜访记录" header-align="center">
                            <el-table-column prop="khjdr" label="SI接待人" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khzw" label="职务" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khdh" label="联系电话" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khgtnr" label="沟通主要内容及项目机会" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khxgjh" label="下一步计划" header-align="center">
                            </el-table-column>
                            <el-table-column prop="khgtwt" label="问题" header-align="center">
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="right" :width="columnWidth">
                            <template slot="header" slot-scope="scope">
                                <el-button @click="add4(scope.$index, scope.row)" type="text">增加</el-button>
                            </template>
                            <template slot-scope="scope">
                                <el-link type="primary" @click="comp4edit(scope.$index, tableData4)">编辑</el-link>
                                <el-link type="primary" @click="comp4del(scope.$index, tableData4)">删除</el-link>
                            </template>
                        </el-table-column>
                    </el-table>
                </template>
            </el-row>

            <el-row>
                <div style="margin: 0 auto;">
                    <div style="text-align: center;">
                        <span><b>次日其他工作计划</b></span>
                    </div>
                </div>
            </el-row>

            <el-row>
                <template>
                    <el-table :data="tableData5" stripe border highlight-current-row style="width: 100%" size="small">
                        <el-table-column prop="gznr" label="工作内容" header-align="center">
                        </el-table-column>
                        <el-table-column prop="tel" label="联系电话" header-align="center">
                        </el-table-column>

                        <el-table-column prop="wcqk" label="完成情况" header-align="center">
                        </el-table-column>
                        <el-table-column prop="czwt" label="存在问题" header-align="center">
                        </el-table-column>

                        <el-table-column align="right" :width="columnWidth">
                            <template slot="header" slot-scope="scope">
                                <el-button @click="add5(scope.$index, scope.row)" type="text">增加</el-button>
                            </template>

                            <template slot-scope="scope">
                                <el-link type="primary" @click="comp5edit(scope.$index, tableData5)">编辑</el-link>
                                <el-link type="primary" @click="comp5del(scope.$index, tableData5)">删除</el-link>
                            </template>
                        </el-table-column>

                    </el-table>
                </template>
            </el-row>
        </div>

        <div style="margin: 20px auto; right: inherit;">
            <el-row>
                <el-col :offset="20">
                    <el-button @click="onSubmit" type="primary" plain>全部保存</el-button>
                </el-col>
            </el-row>
        </div>

    </div>

    <template id="comp1">
        <el-row>
            <div style="box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">
                <el-form ref="form" :inline="false" :model="form" label-width="80px" class="demo-form-inline"
                    style="margin: 10px;" size="medium">

                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="渠道名称" prop="khqdmc" :rules="[
                            { required: true, message: '请输入渠道名称', trigger: 'blur' },
                            { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                            { min: 2, max: 32, message: '长度在 2 到 32 个字符', trigger: 'blur' } ]">
                                <el-input v-model="form.khqdmc" placeholder="渠道名称"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="地市区域" prop="khqy" :rules="[
                            { required: true, message: '请输入区域名称', trigger: 'blur' },
                            { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                            { min: 2, max: 32, message: '长度在 2 到 32 个字符', trigger: 'blur' } ]">
                                <el-input v-model="form.khqy" placeholder="地市区域"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>

                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="SI接待人" prop="khjdr" :rules="[
                            { required: true, message: '请输入SI接待人', trigger: 'blur' },
                            { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                            { min: 2, max: 32, message: '长度在 2 到 32 个字符', trigger: 'blur' } ]">
                                <el-input v-model="form.khjdr" placeholder="SI接待人"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="职务" prop="khzw" :rules="[
                            { required: true, message: '请输入职务', trigger: 'blur' },
                            { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                            { min: 2, max: 32, message: '长度在 2 到 32 个字符', trigger: 'blur' } ]">
                                <el-input v-model="form.khzw" placeholder="职务"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="联系电话" prop="khdh" :rules="[
                            { required: false, message: '客户联系电话必填', trigger: 'blur' },
                            { pattern:/^1[3456789]\d{9}$/, message: '手机号格式不对', trigger:  ['blur', 'change'] },]">
                                <el-input v-model="form.khdh" placeholder="联系电话"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-form-item prop="ts" label="推送人员">
                            <el-cascader ref="tsCasc" v-model="form.jk_userid" :options="val.XsAndShqArr" :props='val.tsCascProps'
                                 @change="changeTsCasc" collapse-tags></el-cascader>
                        </el-form-item>
                    </el-row>

                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="沟通主要内容及项目机会" prop="khgtnr" :rules="[
                            { required: true, message: '请输入沟通主要内容及项目机会', trigger: 'blur' },
                            { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                            { min: 2, max: 1024, message: '长度在 2 到 1024 个字符', trigger: 'blur' } ]">
                                <el-input v-model="form.khgtnr" type="textarea" :rows="4"
                                    placeholder="沟通主要内容及项目机会"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>

                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="下一步计划" prop="khxgjh" :rules="[
                            { required: true, message: '请输入下一步计划', trigger: 'blur' },
                            { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                            { min: 2, max: 1024, message: '长度在 2 到 1024 个字符', trigger: 'blur' } ]">
                                <el-input v-model="form.khxgjh" type="textarea" :rows="3"
                                    placeholder="下一步计划"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>

                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="问题" prop="khgtwt" :rules="[
                            { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                            { min: 2, max: 1024, message: '长度在 2 到 1024 个字符', trigger: 'blur' } ]">
                                <el-input v-model="form.khgtwt" type="textarea" :rows="3" placeholder="问题"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>

                    <el-form-item>
                        <!--el-button type="info" @click="onCancel">取消</el-button-->
                        <el-button type="primary" @click="onSubmit">保存</el-button>
                    </el-form-item>
                </el-form>
            </div>
        </el-row>
    </template>

    <template id="comp2">
        <div style="box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">
            <el-form ref="form" :inline="false" :model="form" label-width="80px" class="demo-form-inline"
                style="margin: 10px;" size="medium">

                <el-row>
                    <el-col :span="24">
                        <el-form-item label="其它工作内容" prop="gznr" :rules="[
                        { required: true, message: '请输入其它工作内容', trigger: 'blur' },
                        { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                        { min: 2, max: 1024, message: '长度在 2 到 1024 个字符', trigger: 'blur' } ]">
                            <el-input v-model="form.gznr" type="textarea" :rows="4" placeholder="其它工作内容"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="联系电话" prop="tel" :rules="[
                        { pattern:/^1[3456789]\d{9}$/, message: '手机号格式不对', trigger:  ['blur', 'change'] },]">
                            <el-input v-model="form.tel" placeholder="联系电话"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="ts" label="推送人员">
                            <el-cascader ref="tsCasc" v-model="form.jk_userid" :options="val.XsAndShqArr" :props='val.tsCascProps'
                                 @change="changeTsCasc" collapse-tags></el-cascader>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="24">
                        <el-form-item label="其它工作内容完成情况" prop="wcqk" :rules="[
                        { required: true, message: '请输入其它工作内容完成情况', trigger: 'blur' },
                        { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                        { min: 2, max: 1024, message: '长度在 2 到 1024 个字符', trigger: 'blur' } ]">
                            <el-input v-model="form.wcqk" type="textarea" :rows="4" placeholder="其它工作内容完成情况"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="24">
                        <el-form-item label="存在问题" prop="czwt" :rules="[
                        { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                        { min: 2, max: 1024, message: '长度在 2 到 1024 个字符', trigger: 'blur' } ]">
                            <el-input v-model="form.czwt" type="textarea" :rows="4" placeholder="存在问题"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-form-item>
                    <!--el-button type="info" @click="onCancel">取消</el-button-->
                    <el-button type="primary" @click="onSubmit">保存</el-button>
                </el-form-item>
            </el-form>
        </div>
    </template>

    <template id="comp3">
        <div style=" box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">
            <el-form ref="form" :inline="false" :model="form" label-width="80px" class="demo-form-inline"
                style="margin: 10px;" size="medium">

                <el-row>
                    <el-col :span="24">
                        <el-form-item label="工作问题" prop="gzwt" :rules="[
                        { required: true, message: '请输入工作问题', trigger: 'blur' },
                        { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                        { min: 2, max: 1024, message: '长度在 2 到 1024 个字符', trigger: 'blur' } ]">
                            <el-input v-model="form.gzwt" type="textarea" :rows="4" placeholder="工作问题"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="联系电话" prop="tel" :rules="[
                        { pattern:/^1[3456789]\d{9}$/, message: '手机号格式不对', trigger:  ['blur', 'change'] },]">
                            <el-input v-model="form.tel" placeholder="联系电话"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="ts" label="推送人员">
                            <el-cascader ref="tsCasc" v-model="form.jk_userid" :options="val.XsAndShqArr" :props='val.tsCascProps'
                                 @change="changeTsCasc" collapse-tags></el-cascader>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="24">
                        <el-form-item label="解决方法" prop="jjff" :rules="[
                        { required: true, message: '请输入解决方法', trigger: 'blur' },
                        { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                        { min: 2, max: 1024, message: '长度在 2 到 1024 个字符', trigger: 'blur' } ]">
                            <el-input v-model="form.jjff" type="textarea" :rows="4" placeholder="解决方法"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="24">
                        <el-form-item label="需要资源" prop="xyzy" :rules="[
                        { type: 'string', message: '只能输入字符', trigger: ['blur', 'change'] },
                        { min: 2, max: 1024, message: '长度在 2 到 1024 个字符', trigger: 'blur' } ]">
                            <el-input v-model="form.xyzy" type="textarea" :rows="4" placeholder="需要资源"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-form-item>
                    <!--el-button type="info" @click="onCancel">取消</el-button-->
                    <el-button type="primary" @click="onSubmit">保存</el-button>
                </el-form-item>
            </el-form>


        </div>
    </template>

    <include file="assets/footer" />

    <script type="module" type="text/javascript" src="__TMPL__/xs/assets/userjs/create.js?ver20241111021"></script>


</body>

</html>